<template>
	<div style="padding:0.4rem 0.6rem;" @click="sendParams">
		<section style="width: 100%;display: flex;flex-direction: column;background-color: white;">
			<section style="justify-content: left;align-items: center;display: flex;flex-direction: row;height: 2.8rem;padding: 0 0.5rem;">
				<span style="flex: 7;text-align: left;font-size: 1.1rem;">账户编号：{{BillNo}}</span>
				<mu-icon style="flex: 1;" value="keyboard_arrow_right" :size="26"/>
			</section>
			<section style="display: flex;flex-direction: column;justify-content: center;justify-content: left;padding: 0 0.5rem;">
				<span  class="card-item-child">客户：{{CustomName}}</span>
<!--				<span class="card-item-child">编号：{{CustomNumber}}</span>-->
<!--				<span class="card-item-child">：{{materiel}}</span>-->
				<span class="card-item-child">余额：{{Balance}}</span>
<!--				<span class="card-item-child">备注：{{BillNo}}</span>-->
			</section>
			
		</section>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		props:{
				ID:{
				type:String,
				default:'100001'
			},
			BillNo:{
				type:String,
				default:'100001'
			},
			CustomName:{
				type:String,
				default:' '
			},
			Balance:{
				type:Number,
				default:0
			},
			CustomID:{
				type:String,
				default:''
			},
			CustomNumber:{
				type:String,
				default:''
			},
			Time:{
				type:String,
				default:''
			},
			item:{
				type:[Object,String]
			}
			
		},
		methods:{
	 		sendParams(){
		 		let that=this
		 		//this.$emit('faSendParam','')
		 		that.$router.push(
		 		{path:'hongchangAddGrantBillsForm',
		 		name:'hongchangAddGrantBillsForm',
				 params: { 
	                ID:that.ID,
	                data:that.item
	            }})
	 		}
	 }
	}
</script>

<style>
	.card-item-child{
		text-align: left;
		font-size: 0.9rem;
		height: 1.6rem;
		color: #939393;
	}
</style>